<template>
  <div class="head-left">
    <vue-seamless-scroll :data="newsList" :class-option="optionLeft" class="seamless-warp2">
      <div v-for="(item,index) in newsList" :key="index" class="text-ellipsis">
        {{item.title}}
      </div>
    </vue-seamless-scroll>
   <!-- <div style="height: 20px;margin-left: 40px;line-height: 40px">恩科机电设备有限公司</div>-->
  </div>
</template>

<script>
import vueSeamless from 'vue-seamless-scroll'
export default {
  name: 'Notice',
  components: {
    'vue-seamless-scroll': vueSeamless
  },
  data() {
    return {
      newsList: [{
        title: '【公告】联合研发：西气东输广东处、辽河油建、华业恒基、天津达安特、西北设计院'
      }]
    }
  },
  computed: {
    optionLeft() {
      return {
        direction: 2,
        limitMoveNum: 1
      }
    }
  }
}
</script>

<style lang="scss" scoped>
    .seamless-warp2 {
        overflow: hidden;
        height: 60px;
      line-height: 60px !important;
        width: 380px;
        ul.item {
            width: 580px;
            li {
                float: left;
                margin-right: 10px;
            }
        }
    }
</style>
